<div class="m-choice g-container">
    <div class="hd">
        <a class="g-xs4" href="javascript:;" ng-class="{'z-sel':tab==1}" ng-click="tab=tab==1 ? 0:1">
            {{area?area:"区域"}}
            <i class="icon-font" title="向下">&#xe617;</i>
        </a>
        <a class="g-xs4" href="javascript:;" ng-model="type" ng-class="{'z-sel':tab==2}" ng-click="tab=tab==2 ? 0:2">
            {{types?types:"类型"}}
            <i class="icon-font" title="向下">&#xe617;</i>
        </a>
        <a class="g-xs4" href="javascript:;" ng-class="{'z-sel':tab==3}" ng-click="tab=tab==3 ? 0:3">
            {{sorts?sorts:"排序"}}
            <i class="icon-font" title="向下">&#xe617;</i>
        </a>
    </div>
    <div class="list" ng-show="tab==1">
        <ul>
            <li ng-click="areaCode='';area='全城';tab=0;"><a href="javascript:;">全城</a> <i class="icon-font" title="选择" ng-show="areaCode=='xxx'">&#xe618;</i></li>
        </ul>
    </div>
    <div class="list" ng-show="tab==2">
        <ul>
        	<li ng-click="typeIds='';types='全部分类';tab=0;">
        	 <a href="#/?areaCode={{areaCode}}&area={{area}}&typeIds={{typeIds}}&types={{types}}&shopSorter={{shopSorter}}">全部分类</a>
        	  <i class="icon-font" title="选择" ng-show="typesId=''">&#xe618;</i>
        	</li>
        	<li ng-repeat="tpList in typesList">
        	<a href="#/?areaCode={{areaCode}}&area={{area}}&typeIds={{tpList.id}}&types={{tpList.name}}&shopSorter={{shopSorter}}" ng-class="{'z-sel':typesId==tpList.id}">{{tpList.name}}</a>
        	 <i class="icon-font" title="选择" ng-show="typesId=='{{tpList.id}}'">&#xe618;</i>
        	</li>
        </ul>
    </div>
    <div class="list" ng-show="tab==3">
        <ul>
            <li ng-repeat="sortItem in sortList">
            <a href="#/?areaCode={{areaCode}}&area={{area}}&typeIds={{typeIds}}&types={{types}}&shopSorter={{sortItem.id}}" ng-class="{'z-sel':shopSorter==sortItem.id}">
                {{sortItem.zh}}
             </a>
                <i class="icon-font" title="选择" ng-show="shopSorter==sortItem.id">&#xe618;</i>
            </li>
        </ul>
    </div>
</div>
<!--<div class="g-container"><p style="line-height: 3rem;" ng-hide="hasShop">未找到合适的的数据!</p></div>-->
<div class="g-container m-shop" ng-class="showCate ? 'z-sel' : ''">
    <ul>
        <!--ng-repeat="shop in shophList"-->
        <li>
            <a href="#/about/{{shop.id}}">
                <div class="cover"><img src="http://placehold.it/162x135/7ecdc5/fff" ng-src="{{shop.shopLogoUrl}}" alt=""/></div>
                <div class="g-rows tt">
                    <p class="g-xs6">
                        <span class="name">{{shop.shopName}}</span>
                        <span class="location">{{shop.shoppingMall}}   {{shop.typeNames}}</span>
                    </p>
                    <p class="g-xs6 f-tar">
                        <span class="price">{{shop.perConsume}}</span>
                        <span class="distance"> <i class="icon-font" title="定位">&#xe619;</i> {{shop.location}}KM</span>
                    </p>
                </div>
            </a>
        </li>
        <li>
            <a href="#/about/{{shop.id}}">
                <div class="cover"><img src="http://placehold.it/162x135/7ecdc5/fff" ng-src="{{shop.shopLogoUrl}}" alt=""/></div>
                <div class="g-rows tt">
                    <p class="g-xs6">
                        <span class="name">{{shop.shopName}}</span>
                        <span class="location">{{shop.shoppingMall}}   {{shop.typeNames}}</span>
                    </p>
                    <p class="g-xs6 f-tar">
                        <span class="price">{{shop.perConsume}}</span>
                        <span class="distance"> <i class="icon-font" title="定位">&#xe619;</i> {{shop.location}}KM</span>
                    </p>
                </div>
            </a>
        </li>
        <li>
            <a href="#/about/{{shop.id}}">
                <div class="cover"><img src="http://placehold.it/162x135/7ecdc5/fff" ng-src="{{shop.shopLogoUrl}}" alt=""/></div>
                <div class="g-rows tt">
                    <p class="g-xs6">
                        <span class="name">{{shop.shopName}}</span>
                        <span class="location">{{shop.shoppingMall}}   {{shop.typeNames}}</span>
                    </p>
                    <p class="g-xs6 f-tar">
                        <span class="price">{{shop.perConsume}}</span>
                        <span class="distance"> <i class="icon-font" title="定位">&#xe619;</i> {{shop.location}}KM</span>
                    </p>
                </div>
            </a>
        </li>
    </ul>
</div>